<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: xwj32
  Date: 2023-05-22
  Time: 19:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/5.15.3/css/all.min.css">
  <link rel="stylesheet" href="https://cdn.staticfile.org/bootstrap/5.0.1/css/bootstrap.min.css">
  <title>Document</title>
  <jsp:include page="include/mangerheadtag.jsp"/>
</head>
<body>
<jsp:include page="include/head.jsp"/>
<jsp:include page="include/menu.jsp"/>
<main style="margin-top: 100px;margin-left: 300px">
  <h1 class="text-center mb-5" style="margin-right: 300px"><img src="images/img/check.png">检查项目</h1>
  <c:forEach items="${requestScope.checksByOffice}" var="check">
  <div class="container my-5" style="margin-left: 300px">
    <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-3">
      <div class="col">
        <div class="card">
          <div class="card-body">
            <h3 class="card-title fw-bold">${check.name}</h3>
            <p class="card-text">适用于想要对身体健康进行全面检查的人群，也适合有家族遗传病史的人。</p>
            <ul class="list-unstyled">
              <li>辅助用药：${check.drug}</li>
              <li>所属科室：${check.office}</li>
              <li>检查室地址：${check.checkRoom}</li>
              <li>检查医生：${check.doctor}</li>
              <li>检查费用：${check.checkFee}</li>
            </ul>
            <style>
              .list-unstyled{
                font-size: 20px;
                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
              }
            </style>
            <a href="<%=request.getContextPath()%>/checkServlet?action=insertRecord&cid=${check.cid}" class="btn btn-primary w-100 mt-2">立即预约</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  </c:forEach>
</main>
</body>
</html>
